<template>
    <Carousel />
    <ProductCenter />
    <div class="aboutBg">
        <AboutUs />
        <DevelopmentHistory />
    </div>
    <NewsTrands />
</template>

<script setup lang="ts">
    import Carousel from "./Carousel/index.vue";
    import ProductCenter from "./ProductCenter/index.vue";
    import AboutUs from "./AboutUs/index.vue";
    import DevelopmentHistory from "./DevelopmentHistory/index.vue";
    import NewsTrands from "./NewsTrands/index.vue";

</script>

<style scoped lang="scss">
    .aboutBg {
        background-color: #f8f8f8;
        margin-top: 60px;
        padding: 60px 0px;
    }
</style>